:root {
  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
  font-size: 15px;
}

body {
  user-select: none;
  font-family: var(--main-font-family);
}

body .vtable__menu-element {
  background-color: var(--popover);
  border-width: 1px;
  border-color: var(--border);
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

body .vtable__menu-element--normal {
  color: var(--popover-foreground);
}

body .vtable__menu-element__item:hover {
  background-color: var(--accent);
}

body .vtable__menu-element__item {
  height: calc(var(--spacing) * 6);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  margin: 0 0.25rem;
}

.vtable__menu-element__content.vtable__menu-element__item-text {
  font-size: 0.75rem;
  font-family: var(--main-font-family);
}

body .vtable__bubble-tooltip-element {
  color: var(--popover-foreground);
  background-color: var(--popover);
  border: 1px solid var(--border);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgb(27 31 35 / 8%);
  font-size: 0.75rem;
}

body .vtable__bubble-tooltip-element__content {
  color: var(--popover-foreground);
  background-color: var(--popover);
}

/* body {
  scrollbar-color: #6b6b6b #2b2b2b;
  &::-webkit-scrollbar,
  & *::-webkit-scrollbar {
    background-color: #f7f8fa;
    width: 0.6em;
  }
  &::-webkit-scrollbar-thumb,
  & *::-webkit-scrollbar-thumb {
    border-radius: 0;
    min-height: 12;
    background-color: #d2d3d4;
  }
  &::-webkit-scrollbar-corner,
  & *::-webkit-scrollbar-corner {
    background-color: #f7f8fa;
  }
}

.dark body {
  scrollbar-color: #6b6b6b #2b2b2b;
  &::-webkit-scrollbar,
  & *::-webkit-scrollbar {
    background-color: #2b2d30;
    width: 0.6em;
  }
  &::-webkit-scrollbar-thumb,
  & *::-webkit-scrollbar-thumb {
    border-radius: 0;
    min-height: 12;
    background-color: #4d4e51;
  }
  &::-webkit-scrollbar-corner,
  & *::-webkit-scrollbar-corner {
    background-color: #2b2b2b;
  }
} */
